<!DOCTYPE html>
<!--**
 *Created by wf_H on 2018/10/7.
 *by:web_hwf@sina.com
 *-->
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>创建补贴</title>

    <!--使用IE兼容模式渲染-->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1"/>
    <meta name="renderer" content="webkit">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui.min.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/css/zui-theme.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/hover.css">

    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-base.css">
    <link rel="stylesheet" href="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/h-index.css">

    <style>

    </style>
</head>
<body class="childrenBody pb80">
<a href="javascript:;" class="out_btn">
    <span> &lt; </span> 广州市总工会《2018年学历教育补贴》
</a>
<div class="row">
    <div class="col-sm-12">
        <div class="cjbt_bz">
            <div class="bz_item active">
                <span>1</span>
                <p>基本信息</p>
            </div>
            <div class="bz_item active">
                <span>2</span>
                <p>设置流程</p>
            </div>
            <div class="bz_item active">
                <span>3</span>
                <p>金额/时间设定</p>
            </div>
            <div class="bz_item">
                <span>4</span>
                <p>确认项目</p>
            </div>
        </div>
    </div>
</div>


<div class="row">
    <div class="col-sm-12">
        <div class="cjbt_sz">
            <div class="title_text">
                设定金额
                <span class="iconfont icon-tishi" data-toggle="tooltip" data-placement="right" title="" data-original-title="说明说明说明说明说明说明说明说明说明说明说明。"></span>
            </div>
            <div class="nav_item">
                <div class="item_input">
                    <div class="item_left">
                        <span>*</span>预计发放总金额：
                    </div>
                    <div class="input_span">
                        <span>￥</span>
                        <input class="input_150" type="text" placeholder="金额">
                        <em>万</em>
                    </div>
                </div>
                <div class="item_input">
                    <div class="item_left">
                        支出项：
                    </div>
                    <div class="input_span">
                        <button id="btn_input_add" class="btn btn-danger input_btn">+ 增加支出项</button>
                    </div>
                </div>
                <div id="input_list">
                    <div class="input_bg" style="    margin-left: 175px;    width: 566px;">
                        <button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button>
                        <div class="item_input" style="margin: 0">
                            <input type="text" placeholder="职工类型" style="width: 250px"> <span>=</span>
                            <input type="text" placeholder="金额" style="width: 150px"> <span>元/人</span>
                        </div>
                    </div>
                </div>




            </div>

        </div>
    </div>
</div>
<div class="row">
    <div class="col-sm-12">
        <div class="cjbt_sz">
            <div class="title_text">
                设置时间
            </div>
            <div class="nav_item">
                <div class="item_input">
                    <div class="item_left">
                        <span>*</span>职工申请时间：
                    </div>
                    <input type="text" placeholder="" style="width: 250px">　　至　　
                    <input type="text" placeholder="" style="width: 250px">
                </div>
                <div class="item_input">
                    <div class="item_left">
                        <span>*</span>工会审核时间：
                    </div>
                    <input type="text" placeholder="" style="width: 250px">　　至　　
                    <input type="text" placeholder="" style="width: 250px">
                </div>

            </div>

        </div>
    </div>
</div>

<div style="text-align: center;margin-top: 50px ;position: fixed;bottom: 20px;width: 100%;z-index: 99;">
    <button class="btn btn-warning btn-lg">上一步：设置流程</button>
    <button class="btn btn-success btn-lg">下一步：确认项目</button>
</div>





<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="http://css.tt.gzedu.com/workeredu_cn/platform_admin/v1.0/style/dist/zui@1.8.1/js/zui.min.js"></script>

<script>
    $('[data-toggle="tooltip"]').tooltip();

    $(function () {

        $('#btn_input_add').click(function () {
            $('#input_list').before('<div class="input_bg" style="    margin-left: 175px;    width: 566px;">\n' +
                '                    <button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button>\n' +
                '                    <div class="item_input" style="margin: 0">\n' +
                '                        <input type="text" placeholder="职工类型" style="width: 250px"> <span>=</span>\n' +
                '                        <input type="text" placeholder="金额" style="width: 150px"> <span>元/人</span>\n' +
                '                    </div>\n' +
                '                </div>') ;


        })
        $('.cjbt_sz').on('click','.close',function () {
            $(this).parent().remove() ;
        })


    })

</script>
</body>
</html>